<template>
	<view>
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="content">
				<view class="custom-title">实名认证</view>
			</block>
		</cu-custom>
		<view class="addContent">
			<view class="selType">身份信息</view>
			<view class="setpassword-content border-bottom">
				<view class="title flex-sub">姓名</view>
				<view class="flex-treble text-right">
					<input class="text-lg text-010101" placeholder="请输入姓名" name="input"></input>
				</view>
			</view>
			<view class="setpassword-content">
				<view class="title flex-sub">身份证号</view>
				<view class="flex-treble text-right">
					<input class="text-lg text-010101" placeholder="请输入身份证号" name="input"></input>
				</view>
			</view>
		</view>
		<view class="addContent">
			<view class="selType">证件图片</view>
			<view class="flex align-center justify-between margin-top-lg">
				<view class="upload-content">
					<image src="https://txr001.zthj.net/static/img/sfzZm.png" class="upload-img"></image>
					<view class="upload-desc">
						身份证正面
					</view>
				</view>
				<view class="upload-content">
					<image src="https://txr001.zthj.net/static/img/sfzFm.png" class="upload-img"></image>
					<view class="upload-desc">
						身份证反面
					</view>
				</view>
			</view>
			<view class="upload-yq">拍摄身份证要求:</view>
			<view class="upload-yq-desc">
				大陆公民持有的本人有效二代身份证;
				<view>拍摄时确保身份证<text class="text-bold-600">边框完整,字体清晰,亮度均匀</text></view>
			</view>
		</view>
		<view class="upload-sm">
			注:请确认本人身份信息,实名认证成功后,身份</br>信息与此账号唯一绑定,不可更换他人。
		</view>
		<!-- <view style="height: 300rpx;"></view> -->
		<view class="footer flex align-center justify-center">
			<button class="cu-btn submit-btn">提交认证</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				selTab:1,
				content:''
			}
		},
		onLoad(){
		},
		methods: {
			toAddFeedBack(){
				uni.navigateTo({
					url:"/pages/setting/addFeedBack"
				})
			}
			
		}
	}
</script>

<style>
	page{background: linear-gradient(180deg, rgba(244,244,244,0) 10%, #F4F4F4 19%);}
</style>
<style scoped lang="less">
	.addContent{
		margin: 46rpx 32rpx;
		padding: 32rpx 32rpx 0rpx;
		background-color: #fff;
		border-radius: 48rpx;
		.selType{
			font-size: 32rpx;
			font-weight: 600;
			color: #010101;
		}
		.setpassword-content{
			padding: 48rpx 0;
			display: flex;
			align-content: center;
			justify-content: space-between;
			.title{
				font-size: 32rpx;
				color: #767879;
			}
		}
		.border-bottom{
			border-bottom: 1rpx solid #D9D9D9;
		}
		.upload-content{
			background: #F4F4F4;
			border-radius: 32rpx;
			// padding: 22rpx 44rpx 0rpx;
			.upload-img{
				width: 217rpx;
				height: 144rpx;
				margin: 22rpx 44rpx;
			}
			.upload-desc{
				height: 48rpx;
				line-height: 48rpx;
				background: #24458E;
				border-radius: 0px 0px 32rpx 32rpx;
				font-size: 24rpx;
				font-weight: 400;
				color: #FFFFFF;
				text-align: center;
			}
		}
		.upload-yq{
			font-size: 24rpx;
			color: #767879;
			margin-top: 56rpx;
		}
		.upload-yq-desc{
			font-size: 24rpx;
			color: #010101;
			margin-top: 8rpx;
			padding-bottom: 32rpx;
		}
	}
	.upload-sm{
		font-size: 24rpx;
		font-weight: 400;
		color: #767879;
		text-align: center;
	}
	.footer{
		position: fixed;
		bottom: 40rpx;
		width: 100%;
	}
</style>